<div id="messages">
			
		<h3>Welcome, Bassem!</h3>
		<p>You have 2 new messages.<p>
			<%= link_to 'New Message', new_message_path,:id=>"post" %><br/>
			
			<ul id="messages-list">
				
				<li>	
					<a href="#"> 
						<span class="pp" style="background-image: url('images/teaface.png');"><img src="images/teaface.png" />
						</span>
						<h3>Someone has requested to join Karafs.</h3>
						<span class="sender">Khaled Gomaa </span>
						<span class="sent-at">&#8212; 5 minutes ago</span>				
					</a>		
				</li>
				<li class="unread">	
					<a href="#"> 
						<span class="pp" style="background-image: url('images/teaface.png');"><img src="images/teaface.png" />
						</span>
						<h3>Project title goes here.</h3>
						<span class="sender">Bassem Sameh</span>
						<span class="sent-at">&#8212; 45 minutes ago</span>							
					</a>	
					<span class="unread-bubble">unread</span> 					
				</li>
				<li class="unread">	
					<a href="#"> 
						<span class="pp" style="background-image: url('images/teaface.png');"><img src="images/teaface.png" />
						</span>
						<h3>Message title.</h3>
						<span class="sender">Ahmed Mostafa</span>	
						<span class="sent-at">&#8212; 1 hour ago</span>							
					</a>		
					<span class="unread-bubble">unread</span>
				</li>
				<li>	
					<a href="#"> 
						<span class="pp" style="background-image: url('images/teaface.png');"><img src="images/teaface.png" />
						</span>
						<h3>Testing the messaging system.</h3>
						<span class="sender">Nada Adly</span>	
						<span class="sent-at">&#8212; 2 days ago</span>		
					</a>		
				</li>
				<li>	
					<a href="#"> 
						<span class="pp" style="background-image: url('images/teaface.png');"><img src="images/teaface.png" />
						</span>
						<h3>Test.</h3>
						<span class="sender">Mohamed Shaaban</span>		
						<span class="sent-at">&#8212; 3 days ago</span>		
					</a>		
				</li>
				
			</ul>
			
		</div>
	
	</div>



